<ion-view view-title="黑名单">
	<ion-header-bar align-title="center" class="nav-bar-block" nav-bar="active">
	  <div class="buttons">
	    <button class="button back-button buttons button-clear header-item" style="color: black;" ng-click="closeModal()">
			<i class="icon ion-ios-arrow-left"></i> 
  			<span class="back-text" style="transform: translate3d(0px, 0px, 0px);">
  				<span class="default-title">中国诚信联盟老赖公示</span>
  			</span>
		</button>
	  </div>
	  <div class="button-bar"></div>
	</ion-header-bar>
	<ion-content>
		<div ng-if="isOk">
	   		<div style="background-image: url('img/ll-bg.png');height: 161px;text-align: center;margin: 0 auto;">
	   			<div style="padding-top: 50px;">
	   				<div style="background-color: white;width: 220px;height: 220px;border-radius:110px;padding-top:10px;text-align: center;margin: 0 auto;">
	   					<img ng-if="breakRecord.headPic==null||breakRecord.headPic==''" style="border-radius:100px;height: 200px;width: 200px;" ng-src="img/head-black.png" />
	   					<img ng-if="breakRecord.headPic!=null&&breakRecord.headPic!=''" style="border-radius:100px;height: 200px;width: 200px;" ng-src="http://image.credit-manage.com/{{breakRecord.headPic}}" />
	   				</div>
	   			</div>
	   		</div>
	   		
	   		<div style="clear: left;margin-top: 110px;text-align: center;">
	   			<strong style="font-size: 30px;">{{breakRecord.name}}</strong>
	   		</div>
	   		
	   		<div style="margin-top: 10px;margin-bottom:10px;">
	   			<div style="float: left;width: 33%;margin: 0 auto;padding-left: 10%;">
					<div style="width: 15px;border-radius:15px;background-color: blue;height: 15px;float: left;"></div>
					<c:set var="sex" value="${fn:substring(dq,17,1)}"></c:set>
					<div style="float: left;margin-left: 10px;">
						{{breakRecord.sex}}
					</div>
	   			</div>
	   			<div style="float: left;width: 33%;margin: 0 auto;border-left:1px solid #dbdbdb;padding-left: 10%; ">
	   				<div style="width: 15px;border-radius:15px;background-color: green;height: 15px;float: left;"></div>
	   				<div style="float: left;margin-left: 10px;">{{breakRecord.age}}岁</div>
	   			</div>
	   			<div style="float: left;width: 34%;margin: 0 auto;padding-left: 10%;border-left:1px solid #dbdbdb;">
	   				<div style="width: 15px;border-radius:15px;background-color: orange;height: 15px;float: left;"></div>
	   				<div style="float: left;margin-left: 10px;width: 50%;">{{breakRecord.province}}</div>
	   			</div>
	   		</div>
	   		
	   		<div style="margin-top: 40px;clear: left;">
	   			<div style="border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;height: 40px;line-height: 40px;">
		   			<div style="float: left;width: 30%;text-align: center;">身份证号</div>
		   			<div style="float: left;width: 70%;">{{breakRecord.certificateNo}}</div>
	   			</div>
	   			<div style="border-bottom:1px solid #e7e7e7;height: 40px;line-height: 40px;">
		   			<div style="float: left;width: 30%;text-align: center;">电话号码</div>
		   			<div style="float: left;width: 70%;">{{breakRecord.phone}}</div>
	   			</div>
	   		</div>
	   		
	   		<div>
	   			<div style="background-color: #ededed;height: 30px;line-height: 30px;padding-left: 5%;font-weight: 900;">违约描述</div>
	   			<div style="text-indent:2em;line-height: 25px;margin: 10px;font-size: 13px;">
	   				{{breakRecord.content}}
	   			</div>
	   		</div>
	   		
	   		<div>
	   			<div style="background-color: #ededed;height: 30px;line-height: 30px;padding-left: 5%;font-weight: 900;">360搜索截图</div>
	   			<div>
	   				<div style="margin-top: 15px;padding-left:10px;background-color: #f8f8f8;"><div style="height: 51px;background-image: url('img/360.png');"></div></div>
	   				<div style="background-color: #f8f8f8;margin-top:-4px;padding-left: 10px;height: 50px;">
	   					<div style="float: left;width: 210px;"><div style="margin-top: 7px;margin-left: 10px;">{{breakRecord.certificateNo}}</div></div>
	   					<div style="border: 0px;height: 37px;vertical-align: middle;background-image: url('img/360btn.png');"></div>
	   				</div>
	   				<div style="clear: left;margin:10px;">
	   					<div>
		   					<a href="javascript:;" style="font-size:11px;">中国诚信联盟_天下无赖app_全国老赖黑名单查询_信贷黑名单_失信...</a>
		   				</div>
		   				<div style="font-size:11px;">
		   					姓名:{{breakRecord.name}},身份证号码:<font style="color: red;">{{breakRecord.certificateNo}}</font> 违约人如有还款、调解、申诉需求,请下载 天下无赖APP 通过手机端进行申诉。 姓名: {{breakRecord.name}} 身份证号: <font style="color: red;">{{breakRecord.certificateNo}}</font> 性...
		   				</div>
		   				<div style="font-size:11px;color: green;">
		   					www.credit-manage.com/show.htm?id={{breakRecord.breakRecordId}}...<span style="color: #a7a6a6;">-快照</span>
		   				</div>
	   				</div>
	   			</div>
	   		</div>
	   		
	   		<div style="clear: left;margin-top: 20px;">
	   			<div style="background-color: #ededed;height: 30px;line-height: 30px;padding-left: 5%;font-weight: 900;">个人其它证据</div>
	   			<div>
	   				<div style="margin: 10px;">	   					
	   					   <div ng-repeat="pic in breakRecord.breakPhotos">
	   						<img ng-src="http://image.credit-manage.com/{{pic.picAddress}}" width="95%">
	   						<br>
	   					</div>	
	   					
	   				</div>
	   			</div>
	   		</div>
	   	</div>
	   	<div ng-if="!isOk">
	   		<div style="text-align: center;margin-top: 20px;"> <ion-spinner icon="android"></ion-spinner></div>
	   	</div>
		
	</ion-content>
</ion-view>